html,body{margin:0;padding:0;height:100%}
#app{height:100%}
.frame_ct{height:100%}
.topline{height:0.3%;background:#409EFF}
.el-header{background:#303133;display:flex;justify-content:space-between;align-items:center}
.el-header h1{font-size:20px;color:#FFF;line-height:normal;margin:0}
.el-header .r span{color:#FFF;margin-left:10px}

.el-aside{background-color:#FFF;color:#333}

.el-main{background-color:#E9EEF3;color:#333}
.index_topcard{margin-bottom:20px}
.index_topcard .el-card__body{display:flex;justify-content:space-between;align-items:center;color:#FFF}
.index_topcard1 .el-card__body{background:#409EFF}
.index_topcard2 .el-card__body{background:#67C23A}
.index_topcard3 .el-card__body{background:#909399}
.index_topcard .el-card__body .r{display:flex;justify-content:space-between}
.index_topcard .el-card__body .r div{display:flex;flex-direction:column;margin-left:40px;justify-content:flex-end}
.index_topcard .el-card__body .r div b{font-size:12px}
.index_topcard .el-card__body .r div span{font-size:48px;font-weight:lighter}
.percent{width:100%;background:#E9EEF3;height:8px;margin:10px 0;;display:flex;border:1px solid #E9EEF3;border-radius:99px;align-items:center;justify-content:flex-start;}
.percent span{background:#409EFF;border-radius:99px;height:100%}
.percent b{background:rgba(255,255,255,0.5);line-height:auto;font-size:12px;border:3px solid #E9EEF3;box-shadow:#303133;border-radius:99px;padding:0 5px;display:flex;margin-left:-10px;white-space:nowrap}
.index_recentnrank{display:flex;justify-content:space-between}
.index_recent{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start}
.index_recent h2{width:100%;text-align:left;margin:0}
.index_recent .index_recentcard{width:30%;margin:20px 3% 0 0;display:flex;justify-content:space-between}
.index_recent .index_recentcard .chartColumn{width:200px;height:200px}
.index_recentcard h3{font-size:16px;font-weight:bolder;margin:30px 0 20px 0}
.index_recentcard .index_recentcard_num{display:flex;flex-wrap:wrap;align-content:flex-start}
.index_recentcard .index_recentcard_num .li{display:flex;flex-wrap:wrap;align-content:flex-start}
.index_recentcard .index_recentcard_num .li b{width:100%;font-size:12px;color:#B3C0D1}
.index_recentcard .index_recentcard_num .li span{width:100%;font-size:24px}
.index_rank{background:#FFF;border-radius:5px}
.index_rank h2{margin:0;padding:0 0 20px 0;background:#E9EEF3}
.index_rank .cell{display:flex;align-items:center;height:100%}

.filter{margin-bottom:24px}
.filter .el-card__body{display:flex;justify-content:space-between;align-items:center}
.filter .l{display:flex;align-items:center}
.filter .l h2{margin:0 24px 0 0;font-size:20px;border-right:1px solid #CCC;padding-right:24px}

.el-breadcrumb{margin:0 0 20px 0}
.el-footer{background-color:#B3C0D1}